﻿HmJS.$Import('image.effect.Louper');
//HmJS.$Import('core.domready');

HmJS.register('demo.module.image.effect.louper', function ($ns) {
	var that = {};

	that.todo = function () {
		var loupe = {
			src: 'loupe.png', //image from http://img.artlebedev.ru/studio/us/2009/loup.png
			x: 101,
			y: 102,
			radius: 85
		};

		new $ns.image.effect.Louper('girl', {
			big: 'girl.jpg',
			radius: 80,
			loupe: loupe,
			onReady: function () {
				this.loupeWrapper.setStyles({
					left: this.smallSize.width - this.loupeSize.width + 60,
					top: this.smallSize.height - this.loupeSize.height + 120
				});
			}
		});

		var loupe2 = {
			src: 'loupe2.png', //image from http://www.netzgesta.de/loupe/
			x: 111,
			y: 109,
			radius: 103
		};
		new $ns.image.effect.Louper('homer', {
			radius: 30,
			loupe: loupe
		});
		new $ns.image.effect.Louper('brain', {
			loupe: loupe2,
			radius: 100
		});
	};

	return that;
});
